import React from "react";
import styles from "./index.module.less";
import Pagin from "@components/pagin";

const BuyRecords = () => {
    const onPageChange = (page) => {
        console.log("page: ", page);
    };

    return (
        <div className={styles.buyRecords}>
            <header className={styles.header}>
                <p className={styles.p1}>序号</p>
                <p className={styles.p2}>名称</p>
                <p className={styles.p3}>品牌</p>
                <p className={styles.p4}>交易订单号</p>
                <p className={styles.p5}>价格</p>
                <p className={styles.p6}>交易日期</p>
                <p className={styles.p7}>操作</p>
            </header>
            <ul className={styles.buyRecords_ul}>
                <li>
                    <p className={styles.p1}>1</p>
                    <p className={styles.p2}>ipod</p>
                    <p className={styles.p3}>小米</p>
                    <p className={styles.p4}>xxxxxxxxxxxxxxxxxxxxxx</p>
                    <p className={styles.p5}>999G币</p>
                    <p className={styles.p6}>2022年6月30日 15:42:55</p>
                    <p className={styles.p7}>
                        <button>删除</button>
                    </p>
                </li>
            </ul>
            <Pagin onPageChange={onPageChange} total={41} />
        </div>
    );
};

export default BuyRecords;
